<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body> 
    <div id="app" class="one">
        <input type="text" class="a-1" v-model="text"/>
        text:{{text}}
        <section class="a-2">
            <div class="a2-b-1">
                <i class="a2-b1-c-1">标题A2-B1-C1</i>
                <h2 class="empty_title"></h2>
                <h1 class="a2-b1-c-2">title:{{title}}A2-B1-C2</h1>
            </div>
            <div class="a2-b-2">
                <p class="a2-b2-c-1">内容：A2-B2-C1</p>
                <p class="a2-b2-c-2">
                    <i class="a2-b2-c2-d1"> 
                        1.A2-B2-C2-D1
                        <em class="a2-b2-c2-d1-e1">content:{{content}}A2-B2-C2-D1-E1</em>
                    </i>
                </p>
            </div>
        </section>
    </div>
</body>
<style>
    *{margin:0;padding:0;}
    li{padding:20px 10px;width:200px;border:1px solid #ccc;background:skyblue;color:#fff;font-weight:bold;margin:10px 0;}
    h1{color:red;font-size:30px;}
    p{text-decoration: underline;color:sandybrown;}
    .empty_title{width:100px;height:30px;background:pink;margin:10px;}
    /* div,input,section,i,h1,p,em{border:1px solid red;margin:10px;min-width:30px;min-height:30px;display: block} */
</style>
<script src="dist/index.js"></script>
</html>

<!-- <script src="./js/test.js"></script> -->